<div id="pe-productabs" class="peproductabs_top"><!-- style="width: {$fullWidth}px"--> 
	<ul id="tabs" class="tabs tab-headers"> 
		{if in_array('1', $tabNames, true)}
			<li><a href="#content-wrap-1">News Products</a></li> 
		{/if}
		{if in_array('2', $tabNames, true)}
			<li><a href="#content-wrap-2">Special Products</a></li>
		{/if}
		{if in_array('3', $tabNames, true)}
			<li><a href="#content-wrap-3">Feature Products</a></li> 
		{/if}
		{if in_array('4', $tabNames, true)}
			<li><a href="#content-wrap-4">Top Sellers</a></li> 
		{/if}
	</ul> 
	
	{if in_array('1', $tabNames, true)}
		<div id="content-wrap-1" class="petabscontent">		
		  <div id="content_tab1" class="content_tabs subslider lzd_product_list itmSimpleList mbl clearfix">		
				<div class="product_wrap_slider"><!-- style="width: {$width_li}px"-->
					<div class="inner-content">{$k = 0}	{$j = 0}
						{foreach from=$newproducts item=pNew name=NewProductsTabs}	
							{$j = $j + 1}	
							{if $smarty.foreach.NewProductsTabs.index > 0}
								{if ($num_row == 1 && $smarty.foreach.NewProductsTabs.index % $num_column == 0)}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{else if ($num_row > 1 && ($smarty.foreach.NewProductsTabs.index % ($num_column*$num_row) == 0))}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{/if}
							{/if}
							<div class="pe-element tabpanel itm hasOverlay unit size1of4  lastrow catalog-discount-item"><!-- style="width: {$width_item}px"-->
								<div class="image">{if $img_showlink}<a href="{$pNew.link}" class="product_img_link" title="{$pNew.name|strip_tags|escape:html:'UTF-8'}" >{/if}<img src="{$pNew.link_image}" alt="{$pNew.name|strip_tags|escape:html:'UTF-8'}"/>{if $img_showlink}</a>{/if}</div>
								{if $show_title}
									<div class="title">{if $title_showlink}<a href="{$pNew.link}">{/if}{$pNew.name|strip_tags|escape:html:'UTF-8'}{if $title_showlink}</a>{/if}</div>
								{/if}
								{if $show_desc}<div class="desc">{$pNew.desc}</div>{/if}
								{if $show_price}<div class="s_price">{displayWtPrice p=$pNew.price}</div>{/if}
							</div>
							{if $num_row > 1}
								{if ($k == $num_column-1)}							
									{$k=-1}
									{if (( $j != $num_column*$num_row) && (($smarty.foreach.NewProductsTabs.index + 1)% $num_column*$num_row) == 0)}
										</div><div class="inner-content">
									{/if}
								{/if}								
								{$k = $k + 1}	
							{/if}
							{if $j == $num_column*$num_row}{$j = 0} {/if}
						{/foreach}					
					</div><!-- end inner-content-->
				</div><!-- .product_wrap_slider -->
			</div><!-- #content_tabs -->	
			
				<div class="clearfix"></div>
				<a class="prev" href="javascript:;"></a>
				<a class="next" href="javascript:;"></a>
				<div class="pagination pager" id="pagination1"></div>
		</div>
	{/if}
	{if in_array('2', $tabNames, true)}	
		<div id="content-wrap-2" class="petabscontent">
		  <div id="content_tab2" class="content_tabs subslider lzd_product_list itmSimpleList mbl clearfix">		
				<div class="product_wrap_slider"><!-- style="width: {$width_li}px"-->
					<div class="inner-content">{$k = 0}{$j = 0}
						{foreach from=$specialProduct item=p_special name=SpecialProductTabs}	
							{$j = $j + 1}	
							{if $smarty.foreach.SpecialProductTabs.index > 0}
								{if ($num_row == 1 && $smarty.foreach.SpecialProductTabs.index % $num_column == 0)}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{else if ($num_row > 1 && ($smarty.foreach.SpecialProductTabs.index % ($num_column*$num_row) == 0))}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{/if}
							{/if}
							<div class="pe-element tabpanel itm hasOverlay unit size1of4  lastrow catalog-discount-item"><!-- style="width: {$width_item}px"-->
								<div class="image">{if $img_showlink}<a href="{$p_special.link}">{/if}<img src="{$p_special.link_image}" alt="{$p_special.name|strip_tags|escape:html:'UTF-8'}" title=""/>{if $img_showlink}</a>{/if}</div>
								{if $show_title}
									<div class="title">{if $title_showlink}<a href="{$p_special.link}">{/if}{$p_special.name|strip_tags|escape:html:'UTF-8'}{if $title_showlink}</a>{/if}</div>
								{/if}
								{if $show_desc}<div class="desc">{$p_special.desc}</div>{/if}
								{if $show_price}<div class="s_price">{displayWtPrice p=$p_special.price}</div>{/if}
							</div>
							{if $num_row > 1}
								{if ($k == $num_column-1)}							
									{$k=-1}
									{if (( $j != $num_column*$num_row) && (($smarty.foreach.SpecialProductTabs.index + 1)% $num_column*$num_row) == 0)}
										</div><div class="inner-content">
									{/if}
								{/if}								
								{$k = $k + 1}	
							{/if}
							{if $j == $num_column*$num_row}{$j = 0} {/if}
						{/foreach}					
					</div><!-- end inner-content-->
				</div><!-- .product_wrap_slider -->				
			</div><!-- #content_tabs -->
				<div class="clearfix"></div>
				<a class="prev" href="javascript:;"></a>
				<a class="next" href="javascript:;"></a>
				<div class="pagination pager" id="pagination2"></div>
		</div>
	{/if}
	{if in_array('3', $tabNames, true)}	
		<div id="content-wrap-3" class="petabscontent">
		  <div id="content_tab3" class="content_tabs subslider lzd_product_list itmSimpleList mbl clearfix">		
				<div class="product_wrap_slider"><!-- style="width: {$width_li}px"-->
					<div class="inner-content">{$k = 0}{$j = 0}
						{foreach from=$featureProduct item=p_feature name=FeatureProductTabs}						
							{$j = $j + 1}	
							{if $smarty.foreach.FeatureProductTabs.index > 0}
								{if ($num_row == 1 && $smarty.foreach.FeatureProductTabs.index % $num_column == 0)}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{else if ($num_row > 1 && ($smarty.foreach.FeatureProductTabs.index % ($num_column*$num_row) == 0))}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{/if}
							{/if}
							<div class="pe-element tabpanel itm hasOverlay unit size1of4  lastrow catalog-discount-item"><!-- style="width: {$width_item}px"-->
								<div class="image">{if $img_showlink}<a href="{$p_feature.link}">{/if}<img src="{$p_feature.link_image}" alt="{$p_feature.name|strip_tags|escape:html:'UTF-8'}" title=""/>{if $img_showlink}</a>{/if}</div>
								{if $show_title}
									<div class="title">{if $title_showlink}<a href="{$p_feature.link}">{/if}{$p_feature.name|strip_tags|escape:html:'UTF-8'}{if $title_showlink}</a>{/if}</div>
								{/if}
								{if $show_desc}<div class="desc">{$p_feature.desc}</div>{/if}
								{if $show_price}<div class="s_price">{displayWtPrice p=$p_feature.price}</div>{/if}
							</div>
							{if $num_row > 1}
								{if ($k == $num_column-1)}							
									{$k=-1}
									{if (( $j != $num_column*$num_row) && (($smarty.foreach.FeatureProductTabs.index + 1)% $num_column*$num_row) == 0)}
										</div><div class="inner-content">
									{/if}
								{/if}								
								{$k = $k + 1}	
							{/if}
						{if $j == $num_column*$num_row}{$j = 0} {/if}
						{/foreach}						
					</div><!-- end inner-content-->
				</div><!-- .product_wrap_slider -->
			</div><!-- #content_tabs -->
				<div class="clearfix"></div>
				<a class="prev" href="javascript:;"></a>
				<a class="next" href="javascript:;"></a>
				<div class="pagination pager" id="pagination3"></div>
		</div>
	{/if}
	{if in_array('4', $tabNames, true)}
		<div id="content-wrap-4" class="petabscontent">
		  <div id="content_tab4" class="content_tabs subslider lzd_product_list itmSimpleList mbl clearfix">		
				<div class="product_wrap_slider"><!-- style="width: {$width_li}px"-->
					<div class="inner-content">{$k = 0}{$j = 0}
						{foreach from=$bestSellers item=p_betseller name=BestSellersProductTabs}						
							{$j = $j + 1}	
							{if $smarty.foreach.BestSellersProductTabs.index > 0}
								{if ($num_row == 1 && $smarty.foreach.BestSellersProductTabs.index % $num_column == 0)}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{else if ($num_row > 1 && ($smarty.foreach.BestSellersProductTabs.index % ($num_column*$num_row) == 0))}
									</div></div><div class="product_wrap_slider"><!-- style="width: {$width_li}px"--><div class="inner-content">
								{/if}
							{/if}
							<div class="pe-element tabpanel itm hasOverlay unit size1of4  lastrow catalog-discount-item"><!-- style="width: {$width_item}px"-->
								<div class="image">{if $img_showlink}<a href="{$p_betseller.link}">{/if}<img src="{$p_betseller.link_image}" alt="{$p_betseller.name|strip_tags|escape:html:'UTF-8'}" title=""/>{if $img_showlink}</a>{/if}</div>
								{if $show_title}
									<div class="title">{if $title_showlink}<a href="{$p_betseller.link}">{/if}{$p_betseller.name|strip_tags|escape:html:'UTF-8'}{if $title_showlink}</a>{/if}</div>
								{/if}
								{if $show_desc}<div class="desc">{$p_betseller.desc}</div>{/if}
								{if $show_price}<div class="s_price">{displayWtPrice p=$p_betseller.price}</div>{/if}
							</div>
							{if $num_row > 1}
								{if ($k == $num_column-1)}							
									{$k=-1}
									{if (( $j != $num_column*$num_row) && (($smarty.foreach.BestSellersProductTabs.index + 1)% $num_column*$num_row) == 0)}
										</div><div class="inner-content">
									{/if}
								{/if}								
								{$k = $k + 1}	
							{/if}
						{if $j == $num_column*$num_row}{$j = 0} {/if}
						{/foreach}						
					</div><!-- end inner-content-->
				</div><!-- .product_wrap_slider -->
			</div><!-- #content_tabs -->	
				<div class="clearfix"></div>
				<a class="prev" href="javascript:;"></a>
				<a class="next" href="javascript:;"></a>
				<div class="pagination pager" id="pagination4"></div>
		</div>
	{/if}
	
</div> 
<script type="text/javascript"> 
 $("#content_tab1").carouFredSel({
		//circular: false,
		infinite: false,
		auto 	: false,
		pagination	: '#pagination1',
		//pagination	: '#content_tab1 .pager',
		width: 680,		
		prev: '#content-wrap-1 .prev',
		next: '#content-wrap-1  .next',
		height : "100%"
	}); 
 $("#content_tab2").carouFredSel({
		//circular: false,
		infinite: false,
		auto 	: false,
		pagination	: '#pagination2',
		//pagination	: '#content_tab2 .pager',
		width: 680,
		prev: '#content-wrap-2 .prev',
		next: '#content-wrap-2 .next',
		height : "100%"
	});
  $("#content_tab3").carouFredSel({
		items       : 4,
		//circular: false,
		infinite: false,
		auto 	: false,
		pagination	: '#pagination3',
		//pagination	: '#content_tab3 .pager',
		width: 680,
		prev: '#content-wrap-3 .prev',
		next: '#content-wrap-3  .next',
		height : "100%"
	});	
	$("#content_tab4").carouFredSel({
		//circular: false,
		infinite: false,
		auto 	: false,
		pagination	: '#pagination4',
		//pagination	: '#content_tab4 .pager',
		width: 680,
		prev: '#content-wrap-4 .prev',
		next: '#content-wrap-4 .next',
		height : "100%"
	});	
</script>